<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>richWeb application With HTML5</title>
    <link rel="stylesheet" href="./common.css">
</head>
<body>
    <div class="keys">
        <div class="key" data-key="65">
            <div class="title">A</div>
            <span class="sound">CLAP</span>
            <audio data-key="65" src="./sounds/clap.wav"></audio>
        </div>
        <div class="key" data-key="83">
            <div class="title">S</div>
            <span class="sound">HIHAT</span>
            <audio data-key="83" src="./sounds/HIHAT.wav"></audio>

        </div>
        <div class="key" data-key="68">
            <div class="title">D</div>
            <span class="sound">KICK</span>
            <audio data-key="68" src="./sounds/KICK.wav"></audio>
        </div>
        <div class="key" data-key="70">
            <div class="title">F</div>
            <span class="sound">OPENHAT</span>
            <audio data-key="70" src="./sounds/OPENHAT.wav"></audio>
        </div>
        <div class="key"data-key="71">
            <div class="title">G</div>
            <span class="sound">BOOM</span>
            <audio data-key="71" src="./sounds/BOOM.wav"></audio>
        </div>
        <div class="key" data-key="72">
            <div class="title">H</div>
            <span class="sound">RIDE</span>
            <audio data-key="72" src="./sounds/RIDE.wav"></audio>
        </div>
        <div class="key" data-key="74">
            <div class="title">J</div>
            <span class="sound">SNARE</span>
            <audio data-key="74" src="./sounds/SNARE.wav"></audio>
        </div>
        <div class="key" data-key="75">
            <div class="title">K</div>
            <span class="sound">TOM</span>
            <audio data-key="75" src="./sounds/TOM.wav"></audio>
        </div>
        <div class="key" data-key="76">
            <div class="title">L</div>
            <span class="sound">TINK</span>
            <audio data-key="76" src="./sounds/TINK.wav"></audio>
        </div>
    </div>




    <script src="./common.js"> </script>
    <!-- 页面读完执行js -->
</body>
</html>